home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP10 / dyn10_1.txt < prev    next >
Encoding:
Text File  |  1997-10-02  |  3.8 KB  |  95 lines
  1. <HTML>
  2.  
  3. <HEAD><TITLE>WBL Standings Contest</TITLE></HEAD>
  4.  
  5. <BODY BGCOLOR="#FFFFFF">
  6.  
  7. <H2>Predict The Web Baseball League Standings</H2>
  8.  
  9. <FONT FACE="Verdana, Arial, Helvetica" SIZE="4">
  10.  
  11. <B>Use the mouse to position the team logos in order of finish</B>
  12.  
  13. <BR><BR></FONT>
  14.  
  15. Then predict the number of wins and losses for the 112 game schedule<BR>
  16.  
  17. Click OK to submit your selections<BR>
  18.  
  19. <DIV ID=OuterDiv STYLE="position:relative;width:100%;height:280px">
  20.  
  21.  
  22.  
  23.  <IMG ID="bear" STYLE="position:absolute;TOP:32pt;LEFT:0px;
  24.  
  25.   WIDTH:64px;HEIGHT:64px;ZINDEX:-1;" SRC="Bears.jpg">
  26.  
  27.  <IMG ID="frog" STYLE="position:absolute;TOP:32pt;LEFT:66px;
  28.  
  29.   WIDTH:64px;HEIGHT:64px;ZINDEX:-2;" SRC="Frogs.jpg">
  30.  
  31.  <IMG ID="lion" STYLE="position:absolute;TOP:32pt;LEFT:134px;
  32.  
  33.   WIDTH:64px;HEIGHT:64px;ZINDEX:-3;" SRC="Lions.jpg">
  34.  
  35.  <IMG ID="robin" STYLE="position:absolute;TOP:32pt;LEFT:202px;
  36.  
  37.   WIDTH:64px;HEIGHT:64px;ZINDEX:-4;" SRC="Robins.jpg">
  38.  
  39.  <IMG ID="rhino" STYLE="position:absolute;TOP:32pt;LEFT:270px;
  40.  
  41.   WIDTH:64px;HEIGHT:64px;ZINDEX:-5;" SRC="Rhinos.jpg">
  42.  
  43.  <IMG ID="shark" STYLE="position:absolute;TOP:32pt;LEFT:338px;
  44.  
  45.   WIDTH:64px;HEIGHT:64px;ZINDEX:-6;" SRC="Sharks.jpg">
  46.  
  47.  <IMG ID="spider" STYLE="position:absolute;TOP:32pt;LEFT:406px;
  48.  
  49.   WIDTH:64px;HEIGHT:64px;ZINDEX:-7;" SRC="Spiders.jpg">
  50.  
  51.  <IMG ID="tiger" STYLE="position:absolute;TOP:32pt;LEFT:474px;
  52.  
  53.   WIDTH:64px;HEIGHT:64px;ZINDEX:-8;" SRC="Tigers.jpg">
  54.  
  55.  
  56.  
  57. <H1> --1--  --2--  --3--  --4--  --5--  --6--  --7--  --8--</H1>
  58.  
  59. <PRE>
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66.  
  67. </PRE>
  68.  
  69. <TABLE>
  70.  
  71. <TR>
  72.  
  73. <TD WIDTH=64><INPUT TYPE=text NAME="wins1" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  74.  
  75. <TD WIDTH=64><INPUT TYPE=text NAME="wins2" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  76.  
  77. <TD WIDTH=64><INPUT TYPE=text NAME="wins3" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  78.  
  79. <TD WIDTH=64><INPUT TYPE=text NAME="wins4" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  80.  
  81. <TD WIDTH=64><INPUT TYPE=text NAME="wins5" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  82.  
  83. <TD WIDTH=64><INPUT TYPE=text NAME="wins6" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  84.  
  85. <TD WIDTH=64><INPUT TYPE=text NAME="wins7" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  86.  
  87. <TD WIDTH=64><INPUT TYPE=text NAME="wins8" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  88.  
  89. <TD WIDTH=64><< Wins</TD>
  90.  
  91. </TR>
  92.  
  93. <TR>
  94.  
  95. <TD WIDTH=64><INPUT TYPE=text NAME="loss1" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  96.  
  97. <TD WIDTH=64><INPUT TYPE=text NAME="loss2" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  98.  
  99. <TD WIDTH=64><INPUT TYPE=text NAME="loss3" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  100.  
  101. <TD WIDTH=64><INPUT TYPE=text NAME="loss4" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  102.  
  103. <TD WIDTH=64><INPUT TYPE=text NAME="loss5" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  104.  
  105. <TD WIDTH=64><INPUT TYPE=text NAME="loss6" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  106.  
  107. <TD WIDTH=64><INPUT TYPE=text NAME="loss7" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  108.  
  109. <TD WIDTH=64><INPUT TYPE=text NAME="loss8" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  110.  
  111. <TD WIDTH=64><< Losses</TD>
  112.  
  113. </TR>
  114.  
  115. </TABLE>
  116.  
  117. <INPUT TYPE=submit VALUE="OK">
  118.  
  119. </FONT>
  120.  
  121. <SCRIPT LANGUAGE="VBScript">
  122.  
  123.  
  124.  
  125. function document_onmousemove()
  126.  
  127. dim newleft, newtop, srcElement, x, y, button
  128.  
  129. button = window.event.button
  130.  
  131. x = window.event.x
  132.  
  133. y = window.event.y
  134.  
  135.   if (button = 1) then
  136.  
  137.     set srcElement = window.event.srcElement
  138.  
  139.     ' if mouse is dragging and IMG, move it.
  140.  
  141.     if srcElement.tagname="IMG" then
  142.  
  143.         ' move team logo
  144.  
  145.         newleft=x-(srcElement.style.posWidth/2) - 32
  146.  
  147.         if newleft<0 then newleft=0
  148.  
  149.         srcElement.style.posLeft=newleft
  150.  
  151.         newtop=y-(srcElement.style.posHeight/2) - 150
  152.  
  153.         if newtop<0 then newtop=0
  154.  
  155.         if newtop>120 then newtop=120
  156.  
  157.         srcElement.style.posTop=newtop
  158.  
  159.         srcElement.style.zindex=z
  160.  
  161.         z = z + 1
  162.  
  163.         window.event.returnValue = false
  164.  
  165.         window.event.cancelBubble = true
  166.  
  167.     end if
  168.  
  169.   end if
  170.  
  171. end function
  172.  
  173.  
  174.  
  175. function document_ondragstart() 
  176.  
  177.   window.event.returnValue = false
  178.  
  179. end function
  180.  
  181.  
  182.  
  183. </SCRIPT>
  184.  
  185. </BODY>
  186.  
  187. </HTML>
  188.  
  189.